<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic Window - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="./themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="./themes/icon.css">
	<link rel="stylesheet" type="text/css" href="./demo.css">
	<!-- 优化css开始 -->
	<link href="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/themes/insdep/easyui.css" rel="stylesheet" type="text/css">
	<link href="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/themes/insdep/easyui_animation.css" rel="stylesheet" type="text/css">
	<link href="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/themes/insdep/easyui_plus.css" rel="stylesheet" type="text/css">
	<link href="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/themes/insdep/insdep_theme_default.css" rel="stylesheet" type="text/css">
	<link href="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/themes/insdep/icon.css" rel="stylesheet" type="text/css">
	<link href="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/plugin/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<!-- 优化css结束 -->
	<script type="text/javascript" src="./jquery.min.js"></script>
	<script type="text/javascript" src="./jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/themes/insdep/jquery.insdep-extend.min.js"></script>
</head>
<body id="cc" class="easyui-layout" data-options="fit:'true'">
	<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">north region</div>
	
	<div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">
	
		<a href="javascript:addTab('test','http://www.qq.com')">test</a></br>
		<a href="javascript:addTab('test1','http://www.baidu.com')">test1</a></br>
		<a href="javascript:addTab('test2','http://www.taobao.com')">test2</a>
		<!-- <ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true,dnd:true"></ul> -->
	</div>
	
<!-- 	<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
 -->	
	<div data-options="region:'south',border:false,overflow:'hidden'" style="height:50px;background:#A9FACD;padding:10px;">south region</div>
	
	<div  data-options="region:'center',title:'',fit:'true',overflow:'hidden'"  >
		<div id="tt" class="easyui-tabs" data-options="fit:'true',overflow:'hidden'" >
			<div title="Home">
				welcome to cabin
			</div>
		</div>
	</div>
</body>
<script>

function addTab(title, url){
	if ($('#tt').tabs('exists', title)){
		$('#tt').tabs('select', title);
	} else {
		var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:93%;height:88%;"></iframe>';
		$('#tt').tabs('add',{
			title:title,
			content:content,
			closable:true
		});
	}
}
</script>

<!--第三方插件加载-->
<script src="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/plugin/justgage-1.2.2/raphael-2.1.4.min.js"></script>
<script src="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/plugin/justgage-1.2.2/justgage.js"></script>


<script src="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/plugin/Highcharts-5.0.0/js/highcharts.js"></script>


<script type="text/javascript" src="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/plugin/ueditor-1.4.3.3/ueditor.config.js"></script>
<script type="text/javascript" src="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/plugin/ueditor-1.4.3.3/ueditor.all.min.js"></script>


<link href="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/plugin/cropper-2.3.4/dist/cropper.min.css" rel="stylesheet" type="text/css">
<script src="../EasyUI-1.5.1-InsdepTheme-1.0.4/EasyUI-1.5.1-InsdepTheme-1.0.4/plugin/cropper-2.3.4/dist/cropper.min.js"></script>


<!--第三方插件加载结束-->
</html>